<template>
  <div>
    <el-row :gutter="20" type="flex">
      <el-col :span="6">
        <el-input
          placeholder="请输入班级名称"
          v-model="listQueryIn.name"
          clearable
        >
        </el-input>
      </el-col>
      <el-col :span="6">
        <el-button
          type="custom"
          icon="el-icon-search"
          @click="refreshList()"
          plain
          >搜索</el-button
        >
        <el-button type="custom" icon="el-icon-plus" @click="handleSelect()"
          >添加学员</el-button
        >
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      listQueryIn: {
        name: '',
      },
    }
  },
  methods: {
    refreshList() {
      this.$bus.$emit('refreshEduClassesStudentList', this.listQueryIn)
    },
    handleSelect() {
      this.$bus.$emit('showDialogEduClassesStudentAdd')
    },
  },
}
</script>